<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        html{
            background-color: rgb(226, 226, 226);
        }


        .fu{
            width: 350px;
            height: 450px;
            background-color: white;
            overflow: hidden;
            box-shadow:1px 0px 4px rgb(160, 160, 160),
            -1px 0px 4px rgb(160, 160, 160);
        }
        .dom{
            width: 300px;
            height: 400px;
            margin: 20px 25px 30px 25px ;
        }
        .doms{

            
            width: 300px;
            height: 180px;
            background-repeat: no-repeat;
            margin-bottom: 20px;
        }
        .domx{
            width: 300px;
            height: 200px;
            border-bottom: 2px solid red;
            box-shadow:  0px 8px 5px 3px  rgb(230, 230, 230);
            
        }
        
        .domx h1 {
            color: red;
            margin-left: 10px;
            font-size: 21px;
        
        }
        .domx p {
            color: rgb(189, 189, 189);
            margin-left: 10px;
            font-size: 16px;
        }
        .doms:hover{
            display: block;
        }
    </style>
</head>
 
<body>
    <div class="fu">
          <div class="dom">
          <div class="doms">
              <img src="images/images/renwu03.png" title="奢宠挚爱 尊享套装">
          </div>
          <div class="domx">
              <h1>奢宠挚爱 尊享套装</h1>
            <p>核心基础哟个有深海海洋复合体能量</p>
    
          </div>
          </div>
    </div>
</body>
</html>